<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>个人信息</title>
  <link href="css/font-awesome.min.css" rel="stylesheet" />
  <link href="css/bootstrap.min.css" rel="stylesheet" />
  <link href="css/templatemo-style.css" rel="stylesheet" />
  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
  <script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.js"></script>
  <script src="js/vue.min.js"></script>
  <script src="js/api.js"></script>
</head>

<body>
  <div class="templatemo-flex-row">
    <div class="templatemo-sidebar">
      <div class="mobile-menu-icon">
        <i class="fa fa-bars"></i>
      </div>
      <nav class="templatemo-left-nav">
        <ul>
          <li>
            <a href="考试中心.html"><i class="fa fa-map-marker fa-fw"></i>考试中心</a>
          </li>
          <li>
            <a href="成绩中心.html"><i class="fa fa-bar-chart fa-fw"></i>成绩中心</a>
          </li>
          <li>
            <a href="用户信息.html"><i class="fa fa-star" aria-hidden="true"></i>用户信息</a>
          </li>
          <li>
            <a class="active"><i class="fa fa-user-o" aria-hidden="true"></i>个人信息</a>
          </li>
          <li>
            <a href="index.html"><i class="fa fa-eject fa-fw"></i>退出</a>
          </li>
        </ul>
      </nav>
    </div>
    <div class="templatemo-content col-1 light-gray-bg">
      <div class="templatemo-content-container">
        <div class="templatemo-flex-row flex-content-row templatemo-overflow-hidden">
          <div class="col-1 templatemo-overflow-hidden">
            <div class="templatemo-content-widget white-bg templatemo-overflow-hidden">
              <div class="templatemo-flex-row flex-content-row">
                <div id="app" class="container">
                  <form class="form-horizontal">
                    <div class="form-group">
                      <label class="col-sm-2 control-label">工号：</label>
                      <label class="control-label">{{
                              adminInfor.admin_no
                            }}</label>
                    </div>
                    <div class="form-group">
                      <label class="col-sm-2 control-label">姓名：</label>
                      <label class="control-label">{{
                          adminInfor.admin_name
                        }}</label>
                    </div>
                    <div class="form-group">
                      <label class="col-sm-2 control-label">权限：</label>
                      <label class="control-label">管理员权限</label>
                    </div>
                    <div class="form-group">
                      <label class="col-sm-2 control-label">手机：</label>
                      <label class="control-label">{{
                          adminInfor.admin_phone
                        }}</label>
                    </div>

                    <div class="form-group">
                      <label class="col-sm-2 control-label">邮箱：</label>
                      <label class="control-label">{{
                          adminInfor.admin_email
                        }}</label>
                    </div>

                    <div class="form-group">
                      <label class="col-sm-2 control-label"></label>
                      <button type="button" class="btn btn-warning" data-toggle="modal"
                        data-target=".bs-example-modal-lg">
                        修改密码
                      </button>
                      <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".adminInfor"
                        @click="showAdminInfor">
                        修改个人信息
                      </button>
                    </div>

                    <!-- 修改密码 -->
                    <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog"
                      aria-labelledby="myLargeModalLabel">
                      <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                          <form class="form-horizontal">
                            <div class="form-group col-xs-7">
                              <label class="col-sm-2 control-label">原密码：</label>
                              <div class="col-sm-10">
                                <input id="oldpw" type="password" class="form-control" autocomplete="off"
                                  oninput="this.value=this.value.replace(/\s+/g,'')" />
                              </div>
                              <label class="col-sm-2 control-label">新密码：</label>
                              <div class="col-sm-10">
                                <input id="newpw" type="password" class="form-control" autocomplete="off"
                                  oninput="this.value=this.value.replace(/\s+/g,'')" />
                              </div>
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-default" data-dismiss="modal">
                                取消
                              </button>
                              <button type="button" class="btn btn-primary" data-dismiss="modal"
                                @click="changePassWord">
                                确定
                              </button>
                            </div>
                          </form>
                        </div>
                      </div>
                    </div>
                    <!-- 修改密码 -->

                    <!-- 修改个人信息 -->
                    <div class="modal fade adminInfor" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                      <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                          <form class="form-horizontal">
                            <div class="form-group col-xs-7">
                              <label class="col-sm-2 control-label">工号：</label>
                              <div class="col-sm-10">
                                <input id="admin_no" type="text" class="form-control" maxlength="11" autocomplete="off" oninput="this.value=this.value.replace(/\s+/g,'');this.value=value.replace(/[^\d]/g,'')"/>
                              </div>
                              <label class="col-sm-2 control-label">姓名：</label>
                              <div class="col-sm-10">
                                <input id="admin_name" type="text" class="form-control" autocomplete="off" oninput="this.value=this.value.replace(/\s+/g,'');value=value.replace(/[^\u4E00-\u9FA5]/g,'')"/>
                              </div>
                              <label class="col-sm-2 control-label">手机：</label>
                              <div class="col-sm-10">
                                <input id="admin_phone" type="text" class="form-control" maxlength="11" autocomplete="off" oninput="this.value=this.value.replace(/\s+/g,'');this.value=value.replace(/[^\d]/g,'')"/>
                              </div>
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-default" data-dismiss="modal">
                                取消
                              </button>
                              <button type="button" class="btn btn-primary" data-dismiss="modal"
                                @click="changeAdminInfor">
                                确定
                              </button>
                            </div>
                          </form>
                        </div>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <script src="js/个人信息.js"></script>
</body>

</html>